<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JS 实例</title>
    <link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <h1>Javascript 实例</h1>
    </header>
    <main>
        <h2>实例一 : <a href="./src/1/calculator.html">简易计算器</a></h2>
        <hr>
        <h2>实例二 : <a href="./src/2/object.html">选择器</a></h2>
        <hr>
        <h2>实例三 : <a href="./src/3/event.html">事件</a></h2>
        <hr>
        <h2>实例四 : <a href="./src/4/math.html">数据类型</a></h2>
        <hr>
        <h2>实例五 : <a href="./src/5/search.html">模拟搜索框</a></h2>
        <hr>
        <h2>实例六 : <a href="./src/6/store.html">我是精明的小卖家</a>、<a href="./src/6/hash/hash.html">HTML5 history pushState / replaceState</a></h2>
        <hr>
        <h2>实例七 : <a href="./src/7/ball.html">模拟小球</a></h2>
        <hr>
        <h2>实例八 : <a href="./src/8/ajax.html">AJAX 和 jsonp</a></h2>
        <hr>
        <h2>实例九 : <a href="./src/9/animation.html">动画</a></h2>
        <hr>
        <h2>实例十 : <a href="./src/10/client-offset-scroll-page-screen.html">client、screen、page、offset、scroll 的区别</a></h2>
        <hr>
        <h2>实例十一 : <a href="./src/11/tab&slider&$accordion&photo-viewer.html">标签&滑块&手风琴&图片查看器</a></h2>
        <hr>
        <h2>实例十二 : <a href="./src/12/index.html">其它</a></h2>
        <hr>
    </main>
</body>

</html>